var dom = document.getElementById('content-left3');
var myChart = echarts.init(dom, 'dark', {
      renderer: 'canvas',
      useDirtyRect: false
});
var app = {};

var option = {
  title: {
    text: '海洋中叶绿素含量',
    textStyle: {
			    fontSize:14,//加
				//color:white",
				letterSpacing:1
	},
  },
  tooltip: {
    trigger: 'axis'
  },
  legend: {
    data: ['叶绿素a', '叶绿素b', '叶绿素c'],
    x:'right',
    textStyle: {
	    fontSize:12,//加
	},
  },
  grid: {
    left: '5%',
    right: '2.5%',
    bottom: '2%',
    containLabel: true
  },
  toolbox: {
    show:false,
    feature: {
      saveAsImage: {}
    }
  },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    axisLabel: {
        textStyle: {
			    fontSize:9,//加
	    },
        rotate: 55 // 这里的55表示顺时针旋转角度为55度
    },

    data: ['2月1日 10:14:05', '2月1日 10:17:08', '2月1日 10:17:32',
    '2月1日 10:17:53', '2月1日 10:18:26', '2月1日 10:18:47', '2月1日 10:19:17']
  },
  yAxis: {
    name: '含量(mg/m^3)',
    type: 'value',
    axisLine: {
	    show: true
    }
  },
  series: [
    {
      name: '叶绿素a',
      type: 'line',
      //stack: 'Total',
      smooth:true,
      data: [120, 132, 101, 134, 90, 230, 210]
    },
    {
      name: '叶绿素b',
      type: 'line',
      //stack: 'Total',
      smooth:true,
      data: [220, 182, 191, 234, 290, 330, 310]
    },
    {
      name: '叶绿素c',
      type: 'line',
      //stack: 'Total',
      smooth:true,
      data: [150, 232, 201, 154, 190, 330, 410]
    },
  ]
};

if (option && typeof option === 'object') {
      myChart.setOption(option);
}

window.addEventListener('resize', myChart.resize);